@keyframes backgroundSwingUpAndDown {
    0% {
        background-position: 10% 10%;
    }
    30% {
        background-position: 90% 90%;
    }
    50% {
        background-position: 90% 10%;
    }
    80% {
        background-position: 10% 90%;
    }
    100% {
        background-position: 10% 10%;
    }
}

@keyframes upAndDown {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-0.2em);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(0.2em);
    }
    100% {
        transform: translateY(0);
    }
}
